<template lang="html">
  <div class="goodsdetails_box">
    <ul class="goods_main_box">
    	<!-- <li class="goodsname_box">
    		<img :src="goodsname.goods_info.show_this_thumb" :alt="goodsname.goods_info.show_this_title" class="goods_img">
    		<p class="goodsname_main">{{goodsname.goods_info.show_this_title}}</p>
    		<p class="goods_pirce">￥{{goodsname.goods_info.show_this_price}}</p>
    		<p class="goods_num">*{{goodsname.num}}</p>
    	</li>
    	<li class="goods_xioaji">
    		<h2>共{{goodsname.num}}件商品  合计：￥{{goodsname.num*goodsname.goods_info.show_this_price}}</h2>
    	</li>
    	<li class="kehufan">
    		<label>选填：</label>
    		<input type="" name="" placeholder="买家留言（50字以内）">
    	</li> -->
    </ul>
  </div>
</template>
<script type="text/javascript">
  export default {
    props:['goodsname'],
    created:function(){
      console.log(this.goodsname)
    }
  }
</script>
<style type="text/css" lang="less">
  @import '../../../assets/less/index.less';
    .goodsdetails_box{
  	width: 100vw;
  	font-size: @h1_font_size;
  	.goods_main_box{
  		width: 100vw;
  		border-top: solid 1px @color3;
  		li{
  			overflow: hidden;
  			zoom:1;
  		}
  	}
  	.goodsname_box{
  		width: @width;
  		height: 18vw;
  		margin: 3vw auto;
  		font-size: @h3_font_size; 
  		.goods_img,.goodsname_main{
  			float: left;
  		}
  		.goods_img{
  			width: 18vw;
  			height: 18vw;
  		}
  		.goodsname_main{
  			width:45vw;
  			margin-left: 2vw;
  		}
  		.goods_pirce,.goods_num{
  			float: right;
  			text-align: right;
  			width: 21vw;
  		}
  		.goods_pirce{
  			color: @color;
  		}
  		.goods_num{
  			margin-top: 3vw;
  		}
  	}
  	.goods_xioaji{
  		margin: 0 auto;
  		width: 100vw;
  		font-size: @h1_font_size;
  		border-top: solid 1px @color8;
  		border-bottom: solid 1px @color8;
  		h2{
  			width: @width;
  			margin: 0 auto;
  			height: 10vw;
  			line-height: 10vw;
  			text-align: right;
  		}
  	}
  	.kehufan{
  		width: @width;
  		margin: 2vw auto;
  		font-size: @h1_font_size;
  		label{}
  		input{
  			width: 60vw;
  		}
  	}
  }
</style>